<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<!--之所以在头部引入了js,是因为这个js是一个全局配置文件,通过这个js动态写入的js和css可以用来控制缓存是否过期
			一般情况下,如果要考虑缓存,都要这么使用
			下面那个通过write写入配置文件,保证每次配置文件都是最新的
		-->

		<script>
			document.write("<script type='text/javascript' src='../../js/core/RayApp/cacheControl.config.js?" + Math.random() + "'></scr" + "ipt>");
		</script>
		<script>
			SrcBoot.output([
				'css/mui.min.css',
				'css/common/common.css'
			]);
		</script>
		<style>
			.mui-btn{
				width:90%;
				margin-left:5%;
			}
			.mui-table-view {
			    margin-top: 20px;
			}
			.mui-table-view-cell:last-child {
			    margin-bottom: 30px;
			}
			.mui-table-view span.mui-pull-right {
			    color: #999;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">学时详情</h1>
		</header>
		<div class="mui-content">
			<div class="custome-content-detail">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell">
						<a>订单号<span class="mui-pull-right" id="Code"></span></a>
					</li>
					<li class="mui-table-view-cell">
						<a>订单状态<span class="mui-pull-right" id="Status"></span></a>
					</li>
					<li class="mui-table-view-cell">
						<a>驾校<span class="mui-pull-right" id="DrivingTitle"></span></a>
					</li>
					<li class="mui-table-view-cell">
						<a>场地<span class="mui-pull-right" id="PlaceName"></span></a>
					</li>
					<li class="mui-table-view-cell">
						<a>准驾<span class="mui-pull-right" id="DrivingLicenseType"></span></a>
					</li>
					<li class="mui-table-view-cell">
						<a>科目<span class="mui-pull-right" id="CourseType"></span></a>
					</li>
					<li class="mui-table-view-cell">
						<a>时段<span class="mui-pull-right" id="TimeSoltType"></span></a>
					</li>
					<li class="mui-table-view-cell">
						<a>总学时(小时)<span class="mui-pull-right" id="TotalHours"></span></a>
					</li>
					<li class="mui-table-view-cell">
						<a>已用学时(小时)<span class="mui-pull-right" id="UsedHours"></span></a>
					</li>
				</ul>
				<button type="button" id="btnWaiting" class="mui-btn mui-btn-primary mui-btn-block mui-hidden">支付</button>
				<button type="button" id="btnCancel" class="mui-btn mui-btn-danger mui-btn-block mui-hidden">取消</button>
				<button type="button" id="btnResult" class="mui-btn mui-hidden"></button>
			</div>
		</div>

	</body>
	<!-- 通用js,sea.min和sea.config基本是不会变的,所以可以不用考虑缓存
	这里演示如果需要手动写入应该是一个怎么样的形式
	首先必须用两个script标签,这样才能确保在第二个标签里面的 seajs 可以适应
	正常情况下,这两个脚本应该是正常的script标签引用,不必考虑缓存问题
	可以试下使下面注释的内容生效,并将下面两个script标签引入内容注释
	-->
	<!--<script src="../js/core/sea.min.js"></script>
	<script src="../js/core/RayApp/sea.config.js" ></script>-->
	<script>
		SrcBoot.outSeaConfig();
	</script>
	<script>
		seajs.use('js/bizlogic/trains/train_detail.js');
	</script>

</html>